<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>系统信息</title>
    <link href="${applicationScope.basePath}/css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="${applicationScope.basePath}/css/index.css">
    <script src="${applicationScope.basePath}/js/jquery-3.4.1.min.js"></script>
    <script src="${applicationScope.basePath}/js/bootstrap.min.js"></script>
    <link rel="stylesheet" type="text/css" href="${applicationScope.basePath}/css/model.css">
    <link rel="stylesheet" type="text/css" href="${applicationScope.basePath}/css/userhome.css">
</head>
<body>
<jsp:include page="../header.jsp" flush="true"/>
<div class="container" style="margin-top: 80px;">
    <!--
        描述：左侧个人中心栏
    -->
    <div class="row">
        <div class="col-md-2">
            <div class="row">
                <div class="col-md-12">
                    <div class="thumbnail">
                        <img src="${applicationScope.basePath}/images/header.jpg" alt="" class=""
                             style="border-radius: 50%;width: 140px;height: 140px;">
                        <div class="caption">
                            <h3 style="text-align: center;">${requestScope.user.userName}</h3>
                        </div>
                        <hr>
                        <a id="myWallet" class="btn btn btn-warning btn-block"
                           href="${applicationScope.basePath}/user/space/purse">我的钱包：${requestScope.purse.balance}元</a>
                        <span disabled="true" class="btn btn-warning btn-block" data-toggle="modal"
                              data-target="#myModal"
                              style="margin-top: 15px;">我的信用积分：${requestScope.user.power}</span>
                    </div>
                </div>
            </div>
            <div class="list-group ">
                <a id="orders" href="${applicationScope.basePath}/user/space/orders" class="list-group-item list-group-item-info ">订单中心</a>
                <a id="notice_list" href="${applicationScope.basePath}/user/space"
                   class="list-group-item list-group-item-info">求购中心<span
                        class="badge">${requestScope.num}</span></a>
                <a id="system_msg" href="${applicationScope.basePath}/user/space/sys" class="list-group-item list-group-item-info">系统信息<span
                        class="badge">${msgList.size()}</span></a>
                <a id="goods_list" href="${applicationScope.basePath}/user/space/goods"
                   class="list-group-item list-group-item-info">我的商品</a>
                <a id="person_msg" href="${applicationScope.basePath}/user/space/msg"
                   class="list-group-item list-group-item-info">个人设置</a>
            </div>
        </div>
        <!--
            描述：右侧个人内容栏
        -->
        <div class="col-md-10">
            <h4>系统信息</h4>
            <hr/>
            <div id="content1">
                <c:forEach items="${requestScope.msgList}" varStatus="vs" var="item">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <span>${item.title}</span>
                        <a href="#" onclick="return deleteMsg(${item.id});">删除</a>
                        <span class="pull-right">${item.startTime}</span>
                    </div>
                    <div class="panel-body">
                        <p>${item.message}</p>
                    </div>
                </div>
                </c:forEach>
            </div>
        </div>
    </div>
</div>
</body>
</html>
